<template>
  <div class="Content" v-infinite-scroll="loadMore"
       infinite-scroll-distance="10">
    <div class="Box" v-for="item in resdatail">
      <div class="Boxuplist">
        <div class="upimgbox">
          <div class="upimgborder">
            <img :src="item.firstsrc" alt="">
          </div>
        </div>
        <div class="uptextlist">
          <p>{{item.uptexton}}</p>
          <p>{{item.uptextoff}}</p>
          <div class="Gflag">
            {{item.idnum}}
          </div>
          <div class="todatail">
            <router-link :to="{path:'/common/datail',query:{firstsrc:item.firstsrc,
              title:item.uptexton,imgone:item.downonesrc,imgtwo:item.downtwosrc,
              imgtre:item.downtresrc,textone:item.downonetexton+item.downonetext,
              texttwo:item.downtwotexton+item.downtwotext,texttre:item.downtretexton+item.downtretext
              }}"> + </router-link>
          </div>
        </div>
      </div>
      <div class="Boxdownlist">
        <div class="downBox">
          <div>
            <img :src="item.downonesrc" alt="">
          </div>
          <div class="downtext">
            <p>{{item.downonetexton}}</p>
            <p>{{item.downonetext}}</p>
          </div>
        </div>
        <div class="downBox">
          <div>
            <img :src="item.downtwosrc" alt="">
          </div>
          <div class="downtext">
            <p>{{item.downtwotexton}}</p>
            <p>{{item.downtwotext}}</p>
          </div>
        </div>
        <div class="downBox noneborder">
          <div>
            <img :src="item.downtresrc" alt="">
          </div>
          <div class="downtext">
            <p>{{item.downtretexton}}</p>
            <p>{{item.downtretext}}</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    name: "Content",
    data: function () {
      return {
        'resdatail': []
      }
    },
    mounted: function () {
      this.$http.get('static/datalist.json').then(function (response) {
        this.resdatail=response.data.datailtwo
        console.log(this.resdatail)
      },function (response) {
        console.log("err")
      })
    },
    methods: {
      loadMore: function () {
        this.$http.get('static/datalist.json').then(function (response){
          this.resdatail.push(response.data.datatest)
        },function (res){
        })
      }
    }
  }
</script>
<style>
</style>
